<template>
  <div>
    <div style="width: 100%; margin-bottom: 20px">
      <component
        v-for="(item, index) in sortLeft"
        :key="index"
        :is="item"
        class="right-content"
      />
    </div>
    <div style="width: 100%">
      <component
        v-for="(item, index) in sortRight"
        :key="index"
        :is="item"
        class="right-content"
      />
    </div>
  </div>
  <!-- <flexbox class="section" align="stretch">
    <div style="width: 100%">
      <component
        v-for="(item, index) in sortLeft"
        :key="index"
        :is="item"
        class="right-content"
      />
    </div>
    <div style="width: 100%">
      <component
        v-for="(item, index) in sortRight"
        :key="index"
        :is="item"
        class="right-content"
      />
    </div>
  </flexbox> -->
</template>

<script>
import CustomerStatistics from "./components/CustomerStatistics";
import SaleStatistics from "./components/SaleStatistics";
import FitText from "@/directives/fitText";

export default {
  name: "index",
  directives: {
    FitText,
  },
  components: {
    CustomerStatistics,
    SaleStatistics,
  },
  data() {
    return {
      loading: false,
      // 排序
      sortLeft: ["CustomerStatistics"],
      sortRight: ["SaleStatistics"],
      setSortShow: false,
    };
  },
};
</script>
